<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>order</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/order.css">
    <script src="../ExternalJs/jquery-2.2.4.min.js"></script>
    <script src="../js/conmon.js"></script>
</head>
<body>
  <header>
      <img src="../images/back.png">
      <p></p>
  </header>
  <section id="orderDetails">
  </section>
  <section class="buttonGroup">
      <button>取消</button>
      <button>立即支付</button>
  </section>
  <section class="mask">
  </section>
  <section class="orderCancel check">
      <section><p>很遗憾您不同意没吃药先生的约见邀请，麻烦告诉我们原因，帮我们提高服务质量。</p></section>
      <section><img src="../images/bomb%20box_circl_nofill.png"><span>没时间</span></section>
      <section><img src="../images/bomb%20box_circl_nofill.png"><span>身体不适</span></section>
      <section><img src="../images/bomb%20box_circl_nofill.png"><span>其他</span><textarea></textarea></section>
      <section>
          <button>取消</button>
          <button>确定</button>
      </section>
      <span>10-100字数说明</span>
  </section>
  <section class="orderCancel user">
      <section><p>很遗憾取消了约见邀请，麻烦告诉我们原因，帮我们提高服务质量。</p></section>
      <section><img src="../images/bomb%20box_circl_nofill.png"><span>没时间</span></section>
      <section><img src="../images/bomb%20box_circl_nofill.png"><span>身体不适</span></section>
      <section><img src="../images/bomb%20box_circl_nofill.png"><span>其他</span><textarea></textarea></section>
      <section>
          <button>取消</button>
          <button>确定</button>
      </section>
      <span>10-100字数说明</span>
  </section>
  <section class="mask"></section>
  <section class="go_or_not">
      <p>为保证咨询质量，您还需要购买至少3分钟的咨询时长</p>
      <p>我再想想</p>
      <p>立即购买</p>
  </section>
  <section class="toast">
      <p>很遗憾，由于没吃药先生剩余的咨询时长过少，连接失败。我们已经向他发出通知，他将很快与你取得联系</p>
      <p>知道了</p>
  </section>
  <section class="go_or_not2">
      <p>由于您没有与杨志祥进行有效沟通，点击"确定"将视为放弃此次咨询。</p>
      <p>取消</p>
      <p>确定</p>
  </section>
  <section class="comment">
      <section class="firstPart">
          <span>服务评价:</span>
          <fieldset class="rating">
              <input type="radio" id="star5" name="rating" value="5" /><label class = "full" for="star5" title="Awesome - 5 stars"></label>
              <input type="radio" id="star4half" name="rating" value="4 and a half" /><label class="half" for="star4half" title="Pretty good - 4.5 stars"></label>
              <input type="radio" id="star4" name="rating" value="4" /><label class = "full" for="star4" title="Pretty good - 4 stars"></label>
              <input type="radio" id="star3half" name="rating" value="3 and a half" /><label class="half" for="star3half" title="Meh - 3.5 stars"></label>
              <input type="radio" id="star3" name="rating" value="3" /><label class = "full" for="star3" title="Meh - 3 stars"></label>
              <input type="radio" id="star2half" name="rating" value="2 and a half" /><label class="half" for="star2half" title="Kinda bad - 2.5 stars"></label>
              <input type="radio" id="star2" name="rating" value="2" /><label class = "full" for="star2" title="Kinda bad - 2 stars"></label>
              <input type="radio" id="star1half" name="rating" value="1 and a half" /><label class="half" for="star1half" title="Meh - 1.5 stars"></label>
              <input type="radio" id="star1" name="rating" value="1" /><label class = "full" for="star1" title="Sucks big time - 1 star"></label>
              <input type="radio" id="starhalf" name="rating" value="half" /><label class="half" for="starhalf" title="Sucks big time - 0.5 stars"></label>
          </fieldset>
          <span>0分</span>
      </section>
      <section class="secondPart">
          <textarea placeholder="20-200自述的服务评语"></textarea>
      </section>
      <section class="thirdPart">
         <button>取消</button>
          <button>提交评价</button>
      </section>
  </section>
  <script src="../ExternalJs/jquery.md5.js"></script>
  <script src="../ExternalJs/vue.js"></script>
  <script src="../ExternalJs/pingpp.js" type="text/javascript"></script>
  <script>
      function wap_pay(channel) {
          var amount = localStorage.price * 100;
          var xhr = new XMLHttpRequest();
          xhr.open("POST", "http://dev.haotoufa.com/pay_charge_h5", true);
          xhr.setRequestHeader("Content-type", "application/json");
          xhr.send(JSON.stringify({
              channel: channel,
              amount: amount,
              order_num : '2016062455541024'
          }));
          xhr.onreadystatechange = function () {
              if (xhr.readyState == 4 && xhr.status == 200) {
                  console.log(xhr.responseText);
                  pingpp.createPayment(xhr.responseText, function(result, err) {
                      console.log(result);
                      console.log(err.msg);
                      console.log(err.extra);
                  });
              }
          }
      }
  </script>
<script src="../js/order.js"></script>

</body>
</html>